
/**
 * hplus J_menuTab新建
 * 在viewBind.js 里面 有示例调用
 * @param jqueryObj
 * @returns {Boolean}
 */
function tabInstance(jqueryObj) {
	var o = jqueryObj.attr("href"),
    m = jqueryObj.data("index"),
    l = $.trim(jqueryObj.attr("title")),
    k = true;
	if (o == undefined || $.trim(o).length == 0) {
		return false
	}
	$(".J_menuTab").each(function () {
		if ($(this).data("id") == o) {
			if (!$(this).hasClass("active")) {
				$(this).addClass("active").siblings(".J_menuTab").removeClass("active");
				g(this);
				$(".J_mainContent .J_iframe").each(function () {
					if ($(this).data("id") == o) {
						$(this).show().siblings(".J_iframe").hide();
						return false
					}
				})
			} else {
				$(".J_mainContent .J_iframe").each(function () {
					if ($(this).data("id") == o) {
						$(this).attr('src', $(this).attr('src'));
						return false
					}
				})
			}
			k = false;
			return false
		}
	});
	if (k) {
		var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
		$(".J_menuTab").removeClass("active");
		var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
		$(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
		$(".J_menuTabs .page-tabs-content").append(p);
		g($(".J_menuTab.active"))
	}
	return false
}

function g(n) {
    var o = f($(n).prevAll()),
        q = f($(n).nextAll());
    var l = f($(".content-tabs").children().not(".J_menuTabs"));
    var k = $(".content-tabs").outerWidth(true) - l;
    var p = 0;
    if ($(".page-tabs-content").outerWidth() < k) {
        p = 0
    } else {
        if (q <= (k - $(n).outerWidth(true) - $(n).next().outerWidth(true))) {
            if ((k - $(n).next().outerWidth(true)) > q) {
                p = o;
                var m = n;
                while ((p - $(m).outerWidth()) > ($(".page-tabs-content").outerWidth() - k)) {
                    p -= $(m).prev().outerWidth();
                    m = $(m).prev()
                }
            }
        } else {
            if (o > (k - $(n).outerWidth(true) - $(n).prev().outerWidth(true))) {
                p = o - $(n).prev().outerWidth(true)
            }
        }
    }
    $(".page-tabs-content").animate({
        marginLeft: 0 - p + "px"
    }, "fast")
}

function f(l) {
    var k = 0;
    $(l).each(function () {
        k += $(this).outerWidth(true)
    });
    return k
}

